body {
  background-color: #F7F7F7;
}
.header-nav{
  width: 100%;
}
.header-right {
  float: right;
  margin-right: 20px;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {
  border-color: transparent transparent #ccc;
}
.help{
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
 margin-top: 20px;
 text-align: center;
}
.ic-help{
  color: #ccc;
}
.container {
  box-sizing: border-box;
  width: 1301px;
  height: 100%;
  margin: 30px auto;
  background-color: white;
  overflow: hidden;

}
.con-left{
  width: 200px;
  height: 100%;
  background-color: white;
}
.tree{
  height: 100%;
  background-color:#fff;
}
.dl-child{
  text-align: center;
  background-color: white !important;
}
.layui-nav-itemed>.layui-nav-child {
   background-color: #fff !important; 
}
.layui-nav-tree .layui-this>a:hover {
  background-color: #ddd;
  color: black;
}
.layui-nav-tree .layui-nav-item a {
    box-sizing: border-box;
    background-color: white;
    text-align: center;
    box-sizing: border-box;
    color:black !important;
}
#first-title{
  color: black !important;
  padding: 0;
  float: right;
}
.layui-nav-tree .layui-nav-child a {
  color: black !important;
  
}
.layui-nav-tree .layui-nav-item a{
  box-sizing: border-box;
}
.layui-nav-tree .layui-nav-item a:hover {
  background-color: white;
  color: rgb(9, 144, 197)!important;
  border-right: 2px solid rgb(9, 144, 197);
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
  background-color:#fff;
  color: #fff;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
  background-color:#fff;
  color: #fff;
}
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
  background-color: #ddd !important;
  color: black;
}
.select-all{
  display: inline-block;
  display: inline-block;
  padding-left: 15px;
  padding: 0 14px;
  background-color: #fff;
}
.layui-nav-tree .layui-nav-item a:hover {
  background-color:white;
  color: rgb(9, 144, 197);
 
}
.layui-nav-itemed>.layui-nav-child {
    background-color: #fff !important;
    text-align: center;
}
.layui-nav-child{
  width: 100%;
}


.layui-nav-bar{
  display: none;
}
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
  background-color: #c2c2c2;
  color: black;
}
.con-right{
  width: 1100px;
  height: 100%;
  background-color: white;
  border-left: 1px solid #ccc;
}
.breadcrumb{
  width: 400px;
  margin: 20px 340px;
}
.art-title{
  width: 984px;
  height: 100px;
  background-color: #F7F7F7;
  margin: 30px;
  padding: 10px 10px;
  position: relative;
}

.art-tag{
  color: grey;
}
.art-title input{
  margin-left: 10px;
}
.search{
  position: absolute;
  top: 54px;
  left: 76px;
}
.art-add{
  background-color: #1E9FFF;
  position: absolute;
  top: 38px;
  right: 39px;
  color: #fff;
  border-radius: 20px;
  width: 64px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.icon-add{
  font-size: 12px !important;
}
.layui-icon{
  font-size: 22px;
}
.art-table{
  width: 1004px;
  background-color: white;
  margin: 30px;
  padding: 10px 10px;
  position: relative;
}
.circle{
  display: inline-block;
  line-height: 39px;
  width: 2px;
  height: 2px;
  background-color: orange;
}
.classify{
  display: inline-block;
  margin-right: 20px;
}
.separator{
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: rgb(61, 61, 61);

}
#page{
  width: 770px;
  margin: 69px 278px;
}
.layui-laypage .layui-laypage-count{
  display: none;
}
.layui-laypage .layui-laypage-refresh i{
  display: none;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
  background-color: #1E9FFF;
}
.article-edit a{
  color: #1E9FFF;
}
.sign-name{
  margin-left: 10px;
}
.active-name{
  line-height: 36px;
}
.active-circle {
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  right: 46px;
  top: 10px;
}